技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
26
1
自我挑戰組
網頁服務開發之路
系列 第
26
篇
Day 26. Chrome Develop Tool: Network
11th鐵人賽
jiajun_chou
團隊
中興應數98級 3+1個香皮匠
2019-10-11 16:22:34
1234 瀏覽
分享至
學習資源
使用Chrome的Web Developer Tool偵錯
Network Panel說明
Chrome 開發者工具裡看不到完整的 HTTP request 回應
Cookie vs Cache
cookie
存放於 client 端用來存取使用者在瀏覽過程中的紀錄
方便sever的程式了解目前的進程以及使用者資料,通常用來記錄使用者名稱、帳號、上次到訪時間 ......
將資料存在使用者的電腦中,大多瀏覽器限制檔案大小不得超過 4096 Bytes,每個網站最多存放20個 Cookie
使用方式:Response.Cookies("變數名稱").Value=變數值
設定 Cookie 有效期限 Response.Cookies("變數名稱").Expires=Now.!AddDays(180) '180天後到期
限制:同一網域名稱的網頁才能存取該網站所儲存的 cookies
因為資料是存在使用者的電腦中,傳送時是以明碼方式傳送,機密資料不建議以此方式儲存
ref:
Session、Cache、Cookie、ViewState、 簡略說明
cache
在browser URL 執行
about:cache
,觀察
儲存 sever所需用到的資訊
多數與user無關
簡單說為 temporary files,其中大宗為圖檔,其他還有 javascript, xml...
Chrome Developer Tools:Network Panel說明
從網絡面板中可以獲取很多有用信息,如詳細的時間數據,http請求頭響應頭,cookies,WebSocket數據。
常用參數列
Nameand Path: 請求資源的名稱和路徑
Method: 請求方法,常用 get, post
Status: HTTP狀態碼和文本信息
Domain: 請求資源的MIMI類型
Initiator: 發送請求的對象(ex. Parser, Redirect, Script, ...)
有的資源的 Initiator 一列為 Script,表示該資源通過某js加載的
Sizeand content:size是http請求傳輸的真實大小,包括響應頭和響應體;content表示響應體解壓後的大小(如果有壓縮的話,一般為gzip壓縮)。如果採用了gzip編碼傳輸,一般情況content比size大,否則content小於size。如果資源是從瀏覽器緩存加載的而不是通過網絡獲取,則content為from cache
Preserve log 保留歷史log
跳轉時想保留之前的日子,用preserve log選項。如果不勾選,每次刷新log就沒了,勾選上Preserve log,每次刷新都會保留log,比如刷新3次就會有三次請求的log。頁面跳轉到其他地址log也會保留
Disable cache 禁用緩存
勾選Disable cache選項,可禁用緩存,所有的狀態碼為304的請求和size為from cache的請求變成正常請求
留言
追蹤
檢舉
上一篇
Day25. HTTP 通訊協定 Part2: Cache & Cookie
下一篇
Day 27. Search Engine Optimization (SEO)
系列文
網頁服務開發之路
共
30
篇
目錄
RSS系列文
訂閱系列文
19
人訂閱
26
Day 26. Chrome Develop Tool: Network
27
Day 27. Search Engine Optimization (SEO)
28
Day 28. 受眾分析
29
Day 29. 【資訊安全】資訊安全政策與基本概念
30
Day 30. 資料庫類型介紹與索引建立
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
403
組
團體組數
13
組
累計文章數
2925
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
更換FW後Public IP service無法使用
鼎新ERP欄位可修改預設值嗎
Ansible 連線主機的 port 不是 22 遇到的問題
備份映像檔
Outlook 寄件備份消失問題 (已解決)
請問有人遇過在lightsail上部屬fastapi失敗的案例?
aws ec2 檢查故障問題
IIS 管理員 連線功能不見
熱門回答
鼎新ERP欄位可修改預設值嗎
不知道網路紅隊的要去那加公司
Ansible 連線主機的 port 不是 22 遇到的問題
更換FW後Public IP service無法使用
備份映像檔
熱門文章
什麼是 Signal ?
第10天,No-Code 快速上線又省錢 / 原汁排骨湯 台北最好喝的排骨湯(台北萬華)| 30天滷肉飯
序: AI 加速編碼後,你該學什麼?
第11天,LibreOffice 更省錢 / 司機俱樂部 宵夜好選擇(台北松山)| 30天滷肉飯
第12天,即時通訊軟體選擇 / 金峰滷肉飯 台北名店(台北中正)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}